.content {
  width: 100%;
  height: 100%;
  padding: 40rpx 120rpx;
  background: #f5f3ff;
  display: flex;
  justify-content: center;
  align-items: center;

  &.bg {
    background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/ai/bg.png) center center/cover no-repeat;
  }
}

.tips {
  width: 755rpx;
  height: 741rpx;
  padding-top: 516rpx;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/ai/paizhao.png) center center/cover no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;

  view {
    margin-bottom: 40rpx;
    font-size: 72rpx;
    color: #fff;
  }

  text {
    font-size: 48rpx;
    color: #fff;
  }
}

.box {
  flex: 1;
  height: 100%;

  &+.box {
    margin-left: 60rpx;
  }
}

.box_title {
  margin-bottom: 20rpx;
  font-size: 36rpx;
  color: #565656;
  line-height: 42rpx;
  text-align: center;
}

.box_content {
  width: 100%;
  height: calc(100% - 62rpx);
  padding: 40rpx;
  background: #E8F0FE;
  box-shadow: 0px 3rpx 32rpx 0px rgba(167, 168, 168, 0.28);
  border-radius: 10rpx;
  position: relative;
}

.box_section {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  image {
    width: 100%;
  }
}

.box_btn {
  width: 124rpx;
  height: 368rpx;
  padding:  36rpx 0;
  background: #E8EFFE;
  box-shadow: 0px 3rpx 32rpx 0px rgba(167, 168, 168, 0.28);
  border-radius: 44rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  right: 30rpx;
  bottom: 120rpx;
}

.box_icon {
  display: flex;
  flex-direction: column;
  align-items: center;

  image {
    width: 84rpx;
    height: 84rpx;
    margin-bottom: 12rpx;
  }

  text {
    font-size: 24rpx;
    color: #474748;
  }
}